<template>
  <div>
    用户名：<input v-model="username" type="text" /><br />
    密&emsp;码：<input v-model="password" type="text" /><br />

    <input v-model="six" type="radio" name="1" value="男" />男 
    <input v-model="six" type="radio" name="1" value="女" />女<br />

    爱好&emsp;
    <span v-for="item in check">
      <input v-model="hobby" type="checkbox" :value="item" />{{ item }} 
    </span><br />

    城市：
    <select v-model="city">
      <option v-for="item in option" :value="item">
        {{ item }}
      </option>
    </select><br />

    <textarea v-model="text" cols="30" rows="10"></textarea>
    <hr>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 数据展示
      check: [1, 4, 3],
      option: ["北京", "上海", "武汉"],
      // 获取数据
      username: "",
      password: "",
      six: '',
      hobby: [],
      city: '武汉',
      text: ''
    };
  },
};
</script>

<style lang="scss" scoped>
</style>